<template>
  <div>
    <iframe
      :src="iframeUrl"
      frameborder="0"
      class="iframe"
      @load="getMessage"
      ref="iframe"
      id="iframe"
    ></iframe>
  </div>
</template>
<script>
export default {
  components: {},
  data() {
    return {
      iframeUrl: `${window.SITE_CONFIG["iframeUrl"]}/#/alarm/contacts`
    };
  },
  watch: {},
  computed: {},
  created() {
    // this.getMessage()
  },
  mounted() {},
  methods: {
    // listen(event) {
    //   console.log(event.data);
    //   if (
    //     event.origin !== window.SITE_CONFIG["iframeUrl"] &&
    //     event.data === "thingskit"
    //   ) {
    //     // 替换为实际的 iframe 源
    //     return; // 忽略非法来源的消息
    //   }
    //   var data = event.data; // 接收从 iframe 页面发送过来的数据
    //   console.log(data); // 在控制台输出接收到的数据
    //   // 可以在这里读取和操作主页的 localStorage
    //   var localStorageData = localStorage.getItem("AUTH_TOKEN");
    //   // 向 iframe 发送响应消息
    //   var response = {
    //     localStorageData: localStorageData
    //   };
    //   event.source.postMessage(response, event.origin);
    // },
    getMessage() {
      // 主页代码
      // window.addEventListener("message", this.listen);
      var localStorageData = localStorage.getItem("AUTH_TOKEN");
      // 向 iframe 发送响应消息
      var response = {
        localStorageData: localStorageData
      };
      this.$refs.iframe.contentWindow.postMessage(response, "*");
    }
  },
  beforeDestroy() {
    // console.log("销毁了");
  },
  deactivated() {
    window.removeEventListener("message", this.listen);
  }
};
</script>

<style scoped lang="scss">
.iframe {
  width: 100%;
  min-height: calc(100vh - 165px);
  border: 0;
}
</style>
